<!DOCTYPE html>
<html>

<head>
  <link href='http://fonts.font.im/css?family=Exo+2:400,500,300,600,700' rel='stylesheet' type='text/css'>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" type=image/png href=./zzhiren/favicon.ico>
  <link href='http://fonts.font.im/css?family=Aldrich' rel='stylesheet' type='text/css'>
  <link href='http://fonts.font.im/css?family=Graduate' rel='stylesheet' type='text/css'>
  <link href='http://fonts.font.im/css?family=Audiowide' rel='stylesheet' type='text/css'>
  <link href='http://fonts.font.im/css?family=Kite+One' rel='stylesheet' type='text/css'>
  <link href='http://fonts.font.im/css?family=Asap' rel='stylesheet' type='text/css'>
  <link href='http://fonts.font.im/css?family=Gurajada' rel='stylesheet' type='text/css'>

  <script type="text/javascript" src="http://cdn.webfont.youziku.com/wwwroot/js/wf/youziku.api.min.js"></script>
  <script type="text/javascript">
    $youziku.load("#font", "cf1de42a7ee343679e43191f706e1e48", "Source-Han-Light");
    /*$youziku.load("#id1,.class1,h1", "cf1de42a7ee343679e43191f706e1e48", "Source-Han-Light");*/
    /*．．．*/
    $youziku.draw();
  </script>
  <script src="http://webapi.amap.com/maps?v=1.4.2&key=0b1c46424aa56c20f8bc2c1a999b8f05"></script>
  <script src="https://webapi.amap.com/js/marker.js"></script>
  <style>
    #bg {
      z-index: -100;
      /* background-color: rgba(240, 240, 240, 0.9); */
      background-color: rgba(235, 235, 235, 0.9);
      left: 0px;
      top: 0px;
      position: fixed;
      height: 100%;
      width: 100%;
    }
  </style>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>Zzhiren</title>
</head>

<body>
  <div id="app"></div>
  <div id="bg"></div>
</body>

</html>